<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
	<title>Bulletproof Slants</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style type="text/css" media="all">
	body {
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, sans-serif;
		font-size: small;
		}
	
	#header {
		padding: 20px;
		background: #333;
		border-bottom: 1px solid #fff;
		}
	
	#header h1 {
		padding: 0;
		margin: 0;
		color: #ccc;
		font-family: Georgia, serif;
		font-weight: normal;
		font-size: 180%;
		}
	
	/* navigation */
	
	#nav {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		background: #ccc;
		border-bottom: 1px solid #999;
		}
	
	#nav li { 
		float: left;
		margin: 0;
		padding: 0;
		}
	
	#nav a {
		float: left;
		display: block;
		padding: 6px 30px 6px 5px;
		text-decoration: none;
		font-weight: bold;
		font-size: 90%;
		color: #666;
		background: #ccc url(assets/img/nav_slant.gif) no-repeat top right;
		}
	
	#nav #nav-1 a {
		padding-left: 20px;
		}
	
	#nav a:hover {
		color: #000;
		}
	
	/* more */
	
	ul#more {
		clear: left;
		margin-top: 60px;
		}
	</style>
</head>

<body>

<div id="header">
	<h1>Bulletproof Slants</h1>
</div>

<ul id="nav">
	<li id="nav-1"><a href="#">Debaser</a></li>
	<li id="nav-2"><a href="#">Gigantic</a></li>
	<li id="nav-3"><a href="#">Velouria</a></li>
	<li id="nav-4"><a href="#">Havalina</a></li>
</ul>

<ul id="more">
	<li>View source for markup and CSS</li>
	<li><a href="/notebook/2004/07/12/bulletproof_slants.html">Related Notebook entry</a></li>
</ul>

</body>
</html>
